<!DOCTYPE html>
<html>
<title>Sony</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="css/webfontkit/stylesheet.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/screen.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">

</head>
<body>

<header>
<nav id="nav">
        <div id="nav_centre">
            <div class="menu">
                <ul>
                    <li style="border-left:1px solid #4d4d4d;"><a href="#"><div>PROJECT</div>
                    <p>RESOUND</p></a></li>
                    <li><a href="#"><div>JOURNEY</div>
                    <p>RESOUND</p></a></li>
                    <li style="margin-right:0px;"><a href="#"><div>CHALLENGE</div>
                    <p>RESOUND</p></a></li>
                </ul>
            </div><!-- end  .menu -->
        <div class="logo"><a href="#"><img src="images/logo_sony.jpg" /></a></div>
            <div class="upgrade">
            <p>upgrade your ears</p>
                <ul class="mainnav">				
                    <li style=" border-right:none; padding-right:0px;"><a href="#p1">Home Theatres</a></li>
                    <li><a href="#p1">Headphones</a></li>
                    <li><a href="#p1">Speakers</a></li>
                </ul>
            </div><!-- end .upgrade -->        
        </div>
    <div class="clear"></div>
</nav>                
<div class="anythingSlider anythingSlider-default activeSlider">
    <div class="anythingWindow">
        <div style="left: 0px; width: 990px; height:861px;">			
            <div class="san" style=" background:url(images/bg_challenge.jpg) no-repeat center top; opacity: 1; width: 990px; height:861px;">			
                <div style="max-width: 990px;" class="container">
                    <div class="toggle-trigger">
                    <div class="project">
                    
                    <div class="project_share">
	                    <!-- AddThis Button BEGIN -->
						<div class="addthis_toolbox addthis_default_style ">
						<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
						<a class="addthis_button_tweet"></a>
						<a class="addthis_button_pinterest_pinit"></a>
						<a class="addthis_counter addthis_pill_style"></a>
						</div>
						<script type="text/javascript">var addthis_config = {"data_track_addressbar":false};</script>
						<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=nikeshyadav"></script>
						<!-- AddThis Button END -->
                    </div>
                    <div class="chell_left">
                        <div class="chell_plugged"><img src="images/plugged.png"></div>
                        <div class="what_are_root"><img src="images/chell_what.png"></div>
                        <div class="you_atube"><img src="images/video.jpg">
                        <!--
                        <iframe width="630" height="354" src="//www.youtube.com/embed/zxpLk7kf4M0" frameborder="0" allowfullscreen></iframe> -->
                        </div>
                        <div class="chel_outer_headphone">
                        <div class="chell_headphone"><img src="images/chell_head_phone.png"></div>
                        <div class="chell_watch">
					Watch the video, answer 5 simple questions about Kailash Kher<br>and
					walk away with a <strong>Sony XB-920 Headphone.</strong>
							</div>
                        </div>
                    </div>
                    <div class="chell_right">
                    <div class="chell_question">
                        <div class="chell_question_text">QUESTION</div>
                        <div class="chell_question_text_2"><span>1</span>/5</div>
                    </div>
    
                    <div class="chell_question">
                        <div class="chell_question_text">TIME SPENT</div>
                        <div class="chell_question_text_2 timer">0:00</div>
                    </div>
    
                    <div class="clear"></div>
                    <div class="chell_kailash">Where was Kailash Kher born?</div>
                    <div class="chell_box1">
                            <ul class="chell_from">
                                <li id="chell_a" class="chell_ans">Meerut</li>
                                <li id="chell_c" class="chell_ans">Agra</li>
                                <li id="chell_b" class="chell_ans">Kanpur</li>
                                <li id="chell_d" class="chell_ans">Varanasi</li>
                            </ul>
                            
                            <div class="clear"></div>
                            <div id="chell_next">
                                <div class="chell_choose_your">Choose your answer and click next</div>
                                <div class="chell_next">
                                 	<div class="chell_next_button"></div>                                 
                                </div>
                            </div>
                    </div>
    
                    <div class="chell_box2">
                    <div class="coming_soon_2">
                        COMING <div>SOON</div>
                    </div>
                    <div class="chell_the_resound">
                        <img src="images/chell_the_resound_concert.png">
                    </div>
                    
                    <div class="clear"></div>
                    <div class="chell_prebook_your">Prebook your presence</div>
                    <div class="register_2">
                            <input type="text" class="emailids semail" id="email" name="email">
                            <input type="button" class="submit_2 subscriber_email_submit" value="" /></div>
                    <div class="chell_upgrade_your">
                        upgrade your ears
                        <div class="chell_get_close"><img src="images/chell_get.png"></div>
                        <div class="chell_with">WITH SONY</div>
                    </div>
    
                    <div class="chell_explore">
                        <div class="chell_explore_button">
                            	<a href="#"><div class="chell_explore_but_inn"></div></a>
                            </div>
                    </div>
                </div>
    
  
					</div>
				</div>
              
                    	<!-- end .header_contatent_outer --> 
                    </div><!-- end .toggle-trigger --> 
                </div><!-- end .container --> 
            </div><!-- end .slide panel --> 
            
			</div><!-- end .header-content slider anythingBase --> 
            </div><!-- end .anythingWindow --> 
            </div><!-- end .anythingSlider --> 
<div class="clear"></div>
</header><!-- end header --> 
     
<footer>
	<div class="inner">
    <div class="social">
        <ul>
            <li><a title="facebook" href="http://www.sony.co.in/microsite/smo/facebook.html?hpid=facebook:website:footer" target="_blank"><img title="Become a fan" alt="Become a fan" src="images/facebook.jpg" border="0" /></a></li>
            <li><a title="youtube" href="http://www.sony.co.in/microsite/smo/youtube.html?hpid=youtube:website:footer" target="_blank"><img title="Subscribe" alt="Subscribe" src="images/you_tube.jpg" border="0" /></a></li>
            <li><a title="Twitter" href="https://www.sony.co.in/microsite/smo/twitter.html?hpid=twitter:website:footer" target="_blank"><img title="Follow" alt="Follow" src="images/twitter.jpg" border="0" /></a></li>
        </ul>        
    </div>  
<div class="copy">Copyright © 2013 Sony India. All rights reserved</div><div class="clear"></div>        </div>
<footer>

<script type="text/javascript" src="js/jquery.min.js"> </script>
<script type="text/javascript" src="js/app.js"></script>
<script type="text/javascript" src="js/js.js"></script>
</body>
</html>